<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="https://unpkg.co/layui@2.8.0/dist/css/layui.css" rel="stylesheet">
</head>
<style>
    body {
        width: 1280px;
        height: 1024px;
        max-width: 1280px;
        max-height: 1024px;
        overflow: hidden;
    }

    .layui-btn {
        height: 100px;
        font-size: 38px;
    }
</style>

<body>
    <div class="layui-row">
        <fieldset class="layui-elem-field">
            <legend>系统名称--当前版本V1.0-时间2023-07-11</legend>
            <div class="layui-field-box">
                <div class="layui-col-sm12">
                    <div class="grid-demo grid-demo-bg1">
                        <div class="layui-panel">
                            <div style="padding: 32px;">医院LOGO+医院名称 设备编号+当前时间+倒计时</div>
                        </div>
                    </div>
                </div>

                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid">当日挂号</button>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">门诊缴费</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">预约取号</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">预约挂号</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid ">门诊费用清单</button>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">化验单打印</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">凭条补打</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">住院押金预缴</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid ">住院费用清单</button>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">发电子健康码</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">建档</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">物价查询</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid ">医院介绍</button>
                    </div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">科室介绍</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo grid-demo-bg1"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">专家介绍</button></div>
                </div>
                <div class="layui-col-sm3">
                    <div class="grid-demo"><button type="button"
                            class="layui-btn layui-btn-primary  layui-btn-fluid">评价</button></div>
                </div>
                <div class="layui-col-sm12">
                    <div class="grid-demo grid-demo-bg1">
                        <div class="layui-panel">
                            <div style="padding: 32px;">当前设备状态+网络状态+打印机状态+报警信息+维护信息</div>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
    </div>
</body>

</html>
<script src="https://unpkg.com/layui@2.8.0/dist/layui.js"></script>
